@charset "utf-8";

.header{position: relative;}
.header > .inhead{position: relative; z-index: 10; background: url(../images/public/header_bg.jpg) repeat-x top #98c1e1;}
.header > .inhead > .container{position: relative;}
.header-toolbar{position: relative; z-index: 20; padding-top: 7px; padding-bottom: 7px; font-size: .875em; color: #999;}
.header-toolbar:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; background: #f5f5f5;}
.header-toolbar > .container{position: relative; z-index: 2;}
.header-toolbar .menus li{float: left; position: relative;}
.header-toolbar .menus li a{display: inline-block; font-size: .9375em; line-height: 30px; color: #999;}
.header-toolbar .menus li a img{width: 20px; height: 20px; margin-top: -2px;}
.header-toolbar .menus li a span{display: inline-block; vertical-align: top;}
.header-toolbar .menus li a font{display: inline-block; vertical-align: top; padding-left: 5px; padding-right: 10px;}
.header-toolbar .menus li a:hover span{color: #666;}
.header-toolbar .menus li .drop{position: absolute; top: 30px; left: 50%; z-index: 9; display: none; margin-left: -70px; padding-top: 7px; width: 120px;}
.header-toolbar .menus li .drop dd{background: #fff; border-radius: 5px;}
.header-toolbar .menus li .drop dd:before{position: absolute; left: 50%; top: -7px; margin-left: -7px; display: block; content: ""; overflow: hidden; border: 7px solid transparent; border-bottom-color: #fff;}
.header-toolbar .menus li .drop dd p{padding: 5px 10px; text-align: center;}
.header-toolbar .menus li .drop dd p a:hover{color: #666;}
.header-toolbar .menus li .drop dd p + p{border-top: 1px solid #f7f7f7;}
.header-toolbar .menus li .drop dt{padding: 8px; background: rgba(17,41,74, 0.5); -webkit-background: rgba(17,41,74, 0.5); border-radius: 5px;}
.header-toolbar .menus li .drop dt:before{position: absolute; left: 50%; top: -7px; margin-left: -7px; display: block; content: ""; overflow: hidden; border: 7px solid transparent; border-bottom-color: rgba(17,41,74, 0.5);}
.header-toolbar .menus li .drop dt img{display: block; width: 100%;}
.header-toolbar .marks li{float: left; line-height: 30px;}
.header-toolbar .marks li .itm{display: inline-block; font-size: .9375em; color: #fff;}
.header-toolbar .marks li .itm span{display: inline-block; vertical-align: top;}
.header-toolbar .marks li .itm font{display: inline-block; vertical-align: top; padding-left: 10px; padding-right: 5px;}
.header-toolbar .marks li .itm.btn{padding: 0 1em; color: #fff; background: #2a82e4; border-radius: 3px;}
.header-toolbar .marks li .itm.btn:hover{opacity: .9;}
@media (max-width:992px){
  .header-toolbar > .container > .fr .menus li.users{display: none;}
  .header-toolbar > .container > .fr .menus li.sjb a font{display: none;}
  .header-toolbar > .container > .fl{float: none; padding-right: 30px;}	
  .header-toolbar > .container > .fl .menus li a{line-height: 25px;}
  .header-toolbar > .container > .fr{float: none; margin-top: 5px;}
}
@media (max-width:450px){
  .header-toolbar > .container > .fl{display: none;}
  .header-toolbar > .container > .fr{margin-top: 0;}
  .header-toolbar > .container > .fr .menus{float: left;}
  .header-toolbar > .container > .fr .menus li.wb{display: none;}
  .header-toolbar > .container > .fr .menus li.wx{display: none;}
  .header-toolbar > .container > .fr .menus li.sjb{display: none;}
}
.header-ipv{position: absolute; top: 20px; right: 0;}
@media (max-width:1280px){
  .header-ipv{right: 15px;}
}
@media (max-width:992px) {
  .header-ipv{top: 10px;}
}
.header-logo{width: 56.67%; margin: 0 auto; padding-top: 80px;}
.header-logo img{display: block; margin: 0 auto;}
@media (max-width:992px){
  .header-logo{width: 80%; padding-top: 60px;}	
}
@media (max-width:414px){
  .header-logo{width: auto; padding: 50px 20px 0;}	
}

.header-search{position: relative; width: 56.67%; margin: 30px auto 40px;}
.header-search dl{position: relative; border-radius: 100em; background: #5e99c9;}
.header-search dl dt.icon{position: absolute; top: 50%; left: 15px; width: 21px; height: 21px; margin-top: -11px;}
.header-search dl dt.icon img{display: block; width: 100%; height: 100%;}
.header-search dl dd{margin-right: 122px; margin-left: 20px;}
.header-search dl dd input[type="text"]{width: 100%; height: 44px; font-size: 1em; color: #fff; line-height: 44px; border: none; background: none;}
.header-search dl dd input::-webkit-input-placeholder{color: #a2a2a2;}
.header-search dl dt.button{position: absolute; top: 0; right: 0; bottom: 0; width: 50px; cursor: pointer;}
.header-search dl dt.button a{position: absolute; top: 50%; right: 0; left: 0; margin-top: -15px; display: block; text-align: center;}
.header-search dl dt.button a img{display: inline-block; width: 30px; height: 30px; vertical-align: top;}
@media (max-width:992px) {
  .header-search{width: auto; max-width: none; margin-bottom: 35px;}
  .header-search dl dd{margin-left: 15px; margin-right: 65px;}
}
@media (max-width:414px){
  .header-search{margin-top: 20px; margin-bottom: 25px;}	
}
.header-search .hot{position: absolute; top: auto; right: 0; left: 0; display: none; margin-top: 20px; padding: 15px 20px; background: #fff; border-radius: 4px; box-shadow: 0px 3px 6px rgb(0 0 0 / 8%);}
.header-search .hot h2{font-size: 1em; color: #222; margin-bottom: 10px;}
.header-search .hot .infolist{font-size: .875em;}
.header-search .hot .infolist li{padding-top: .3125em; padding-bottom: .3125em;}
.header-search .hot .infolist li a{color: #999;}
.header-search .hot .infolist li a:hover{color: #025192;}
.header-search .hot .infolist li a{padding-left: 30px;}
.header-search .hot .infolist li a:before{left: 7px;}
.header-search .hot .infolist li.ico a:before{top: -10px; left: 0; width: 20px; height: 20px; background-repeat: no-repeat; background-color: transparent;}
.header-search .hot .infolist li.li0.ico a:before{background-image:url(../images/public/hot1.png);}
.header-search .hot .infolist li.li1.ico a:before{background-image:url(../images/public/hot2.png);}
.header-search .hot .infolist li.li2.ico a:before{background-image:url(../images/public/hot3.png);}
@media (max-width:1280px){
  .header-search .hot .infolist li{width: 50%;}	
  .header-search .hot .infolist li.li2.ico a:before{top: -3px; left: 7px; width: 6px; height: 6px; background-image: none; background-color: #d0d0d0;}
}
@media (max-width:640px){
  .header-search .hot .infolist li{width: 100%;}	
}

.header > .mainnav{position: relative; z-index: 9;}
.header > .mainnav:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; background: #5292c6;}
.header > .mainnav ul{position: relative; z-index: 10;}
.header > .mainnav ul li{float: left; width: 16.66667%; text-align: center;}
.header > .mainnav ul li a.itm{display: inline-block; position: relative; padding: 0 1em; color: #fff; height: 60px; line-height: 60px; font-size: 1.25em; text-align:center; transition: .3s;}
.header > .mainnav ul li a.itm i{display: inline-block; vertical-align: top; width: 28px; height: 28px; margin-top: 16px; margin-right: 5px;}
.header > .mainnav ul li a.itm i img{display: block; width: 100%; height: 100%;}
.header > .mainnav ul li a.itm span{display: inline-block; vertical-align: top;}
.header > .mainnav ul li.on a.itm{background: #3285c9;}
.header > .mainnav ul li.navli0.on a.itm{background: none;}

.header > .mainnav ul li .sub{position: absolute; top: auto; right: 0; left: 0; z-index: 10; display: none;}
.header > .mainnav ul li .sub dd{padding: 15px; text-align: left; background-color: #fff;}
.header > .mainnav ul li .sub dd a{display: inline-block; padding: 0 20px; font-size: 1.125em; font-weight: bold;}
.header > .mainnav ul li.navli2 .sub dd{padding-left: 27%;}
.header > .mainnav ul li.navli3 .sub dd{text-align: center;}
.header > .mainnav ul li.navli4 .sub dd{text-align: right; padding-right: 16%;}
.header > .mainnav ul li.navli5 .sub dd{text-align: right;}
@media (max-width:1280px){
  .header > .mainnav ul li a.itm{font-size: 1.125em;}
}
@media (max-width:992px){
  .header > .mainnav{height: 0;}
  .header > .mainnav > .container{display: none;}
}

.header-toggle-btn{position: absolute; top: 0; bottom: 0; left: 10px; width: 28px; display: block; color: #fff; cursor:pointer;}
.header-toggle-btn div{position: absolute; top: 50%; left: 0; right: 0; margin: -10px auto 0; display: block; width: 28px; height: 20px; cursor: pointer;}
.header-toggle-btn span{position: absolute; display: block; left: 0; width: 100%; height: 10%; background: #0e376c; transition: all .3s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.header-toggle-btn span:nth-child(1){top: 0%;}
.header-toggle-btn span:nth-child(2){width: 100%; top: 50%;}
.header-toggle-btn span:nth-child(3){top: 100%;}
.header-opend .header-toggle-btn{display: block !important;}
.header-opend .header-toggle-btn span{background: #fff;}
.header-opend .header-toggle-btn span:nth-child(1){
        top:50%;
        -webkit-transform:translateY(-50%) rotate(-45deg);
        -ms-transform:translateY(-50%) rotate(-45deg);
        transform:translateY(-50%) rotate(-45deg);
}
.header-opend .header-toggle-btn span:nth-child(2) {
        -webkit-transform:translateY(-50%) scaleX(0);
        -ms-transform:translateY(-50%) scaleX(0);
        transform:translateY(-50%) scaleX(0);
}
.header-opend .header-toggle-btn span:nth-child(3) {
        top:50%;
        bottom:auto;
        -webkit-transform:translateY(-50%) rotate(45deg);
        -ms-transform:translateY(-50%) rotate(45deg);
        transform:translateY(-50%) rotate(45deg);
}

.header-mobile-tool{position: absolute; top: -9px; right: 0; z-index: 99; display: none; width: 50px; height: 45px;}
@media (max-width:992px){
  .header-mobile-tool{display: block;}
}

.header-mobile-mark{position: fixed; top:0; bottom:0; left:0; right:0; z-index: 999; display: none;}

.header-drawer{position: fixed; top: 0; right: 0; left: 0; z-index: 9999; width: 100%; min-width: 320px; height: 0; opacity: 0; display: none; transition: all .3s; -webkit-transition: all .3s; background: #4184bb; box-sizing: border-box;}
.drawer-hall-head{position: relative; margin-bottom: 30px;}
.drawer-hall-head .header-mobile-tool{top: 10px; margin-top: 0;}
.drawer-hall-head .drawer-hall-tool{position: relative; border-bottom: 1px solid rgba(255,255,255,.35);}
.drawer-hall-head .drawer-hall-tool .logo{width: 40%; padding: 20px 0 20px 15px;}
.drawer-hall-head .header-toolbar{position: absolute; left: 45%; right: 50px; padding-top: 0; padding-bottom: 0; top: 20px; margin-left: 15px;}
.drawer-hall-head .header-toolbar:after{content: normal;}
.drawer-hall-head .header-toolbar .menus li a{color: #dee9ef;}
.drawer-hall-head .header-toolbar .menus li a:hover{color: #dee9ef;}
.drawer-hall-over{width: 100%; min-height: 200px; margin-bottom: 30px; overflow-x: hidden;}
.drawer-hall-scroll{position: relative; width: 98%; /*padding-right: 20px;*/ height: 100%; overflow-x: hidden; overflow-y: auto;}
.drawer-hall-menu{padding: 0 5% 0 7%;}
.drawer-hall-menu ul li{float: left; width: 17.5%;}
.drawer-hall-menu ul li.home{width: 12.5%;}
.drawer-hall-menu ul li dl{margin-right: 10%; margin-left: 8%;}
.drawer-hall-menu ul li dl dt a{font-size: 1.125em; font-weight: bold; color: #dee9ef;}
.drawer-hall-menu ul li dl dd.submenu{padding-top: 1.25em;}
.drawer-hall-menu ul li dl dd.submenu p{display: block; padding-top: .625em; padding-bottom: .625em;}
.drawer-hall-menu ul li dl dd.submenu p a{font-size: 1.0675em; color: #dee9ef;}
.drawer-hall-menu ul li dl a:hover{color: #fff !important;}
@media (max-width: 992px) {
  .header-drawer-opened{opacity: 100; display: block; height: 100%; min-height: 360px;}
  .drawer-hall-menu ul li{width: 100% !important;}
  .drawer-hall-menu ul li dl{margin-right: 0; margin-left: 0;}
  .drawer-hall-menu ul li+li{margin-top: 1.75em;}
  .drawer-hall-menu ul li dl dd.submenu{padding-top: 1em;}
  .drawer-hall-menu ul li dl dd.submenu p{float: left; margin-right: 1.875em; padding-top: .3125em; padding-bottom: .3125em;}
}
@media (max-width: 768px) {
  .drawer-hall-head .drawer-hall-tool{border-bottom: none;}
  .drawer-hall-head .drawer-hall-tool .logo{width: 300px;}
  .drawer-hall-head .header-toolbar{position: static; margin-left: 0; padding: 6px 5% 6px 7%; background: #5292c6;}	
  .drawer-hall-head .header-mobile-tool{top: 50%; margin-top: -23px;}
}
@media (max-width: 414px) {
  .drawer-hall-head .drawer-hall-tool .logo{width: 246px;}
  .drawer-hall-menu ul li dl dt a{font-size: 1.0625em;}
  .drawer-hall-menu ul li dl dd.submenu p a{font-size: 1em;}
}

/* 设置滚动条的样式 */
.drawer-hall-scroll::-webkit-scrollbar{width: 4px; border-radius: 2px; background: none;}
/*滚动槽*/
.drawer-hall-scroll::-webkit-scrollbar-track{  border-radius: 5px; background: rgba(255,255,255,.15);}
/* 滚动条滑块 */
.drawer-hall-scroll::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,.2); border-radius: 4px;}

#header-user-m{color: #fff;}
#header-user-m .split{margin: 0 10px;}
/* 长者版 */
body.useOldFixed .header-logo:not(.skipAutoFix){width: 70% !important;}
body.useOldFixed .header-search dl dt.button{width: 80px !important;}
body.useOldFixed .header-search dl dt.button a img:not(.skipAutoFix){min-height: 60px !important; width: 60px !important;}